import { Tabs } from 'antd'
import DeviceInfo from './device_info'
import EventRecords from './event_records'
import OfflineRecords from './offline_records'
import DetailContainer from '@/components/DetailContainer'

const Index: React.FC = () => {
  return (
    <DetailContainer>
      <Tabs
        className="tabs_self_class"
        defaultActiveKey="1"
        items={[
          {
            label: '设备信息',
            key: '1',
            children: <DeviceInfo></DeviceInfo>,
          },
          {
            label: '功能参数',
            key: '2',
            children: '功能参数',
            disabled: true,
          },
          {
            label: '事件记录',
            key: '3',
            children: <EventRecords></EventRecords>,
          },
          {
            label: '离线记录',
            key: '4',
            children: <OfflineRecords></OfflineRecords>,
          },
        ]}
      />
    </DetailContainer>
  )
}

export default Index
